<template>
	<view class="conterBox">
		<view class="cont-box">
			<!-- 头部 -->
			<navigationBar title="个人中心" showHome="true" textColor="black" textSize="36rpx" textWeight="normal" />
			<!-- 状态页面 -->
			<view class="myCode djfa">
				<view class="myCodeOne">
					<image src="../../static/my/tou.png" mode="widthFix" class="codeIamge"></image>
				</view>
				<view class="myCodeOTwo">
					<view class="childvalOne">注册/登录</view>
					<view class="childvalTow">登录后可体验更多服务</view>
				</view>
				<view class="myCodeOThree">
					<image src="../../static/my/组 12116@2x.png" mode="widthFix" class="childvalImg"></image>
					<image src="../../static/my/路径 735@2x.png" mode="widthFix" class="childvalImg"></image>
				</view>
			</view>
			<!-- 相关数据 -->
			<view class="relevantData djfa">
				<view>
					<view class="releNumber">9</view>
					<view class="releValue">浏览历史</view>
				</view>
				<view>
					<view class="releNumber">6</view>
					<view class="releValue">收藏关注</view>
				</view>
				<view>
					<view class="releNumber">0</view>
					<view class="releValue">预约看房</view>
				</view>
			</view>
			<view class="adviserData djfa">
				<view class="adviserLeft">
					<view class="adviserHread">您的专属置业顾问</view>
					<view class="adviserVal">
						<view>
							<image src="../../static/my/tounv.png" mode="widthFix" class="adviserValImg"></image>
						</view>
						<view>
							<view class="adviserName">张佳男 <span class="NameVal">｜官方认证</span></view>
							<view class="callYouTell">
								<view>立即联系 <image src="../../static/my/组 12189@2x.png" mode="widthFix" class="TellIcon"></image></view>
							</view>
						</view>
					</view>
				</view>
				<view class="adviserRight">
					<image src="../../static/my/Toww.png" mode="widthFix" class="adviserTow"></image>
					<view class="adviserTowVal">长按二维码添加</view>
				</view>
			</view>
			<!-- 数据 -->
			<view class="adviserCode">
				<view class="adviserLsit"> <image src="../../static/my/组 12185@2x.png" mode="widthFix" class="advieImg"></image>  <view class="adviText">个人信息</view> <image src="../../static/image/right.png" mode="widthFix" class="advieImg"></image> </view>
				<view class="adviserLsit"> <image src="../../static/my/组 12186@2x.png" mode="widthFix" class="advieImg"></image>  <view class="adviText">我的收藏</view> <image src="../../static/image/right.png" mode="widthFix" class="advieImg"></image> </view>
				<view class="adviserLsit"> <image src="../../static/my/组 12187@2x.png" mode="widthFix" class="advieImg"></image>  <view class="adviText">预约看房</view> <image src="../../static/image/right.png" mode="widthFix" class="advieImg"></image> </view>
				<view class="adviserLsit" @click="getnaviAbout"> <image src="../../static/my/组 12188@2x.png" mode="widthFix" class="advieImg"></image>  <view class="adviText">关于我们</view> <image src="../../static/image/right.png" mode="widthFix" class="advieImg"></image> </view>
			</view>
		</view>
	</view> 	
</template>

<script>
	import navigationBar from '@/components/navigation-bar.vue'
	export default {
		// 注册组件
		components: {
			navigationBar
		},
		data() {
			return {
				
			}
		},
		methods: {
		    getnaviAbout(){
		        uni.navigateTo({
		            //保留当前页面，跳转到应用内的某个页面
		            url: '/pages/mySubPack/about/about'
		        })
		    }
		}
	}
</script>

<style>
	.conterBox {
		width: 750rpx;
		height: 100vh;
		padding: 0;
		margin: 0;
		background: linear-gradient(180deg, #FFD0CC 20%, #F5F6F6 40%);
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.cont-box {
		width: 690rpx;
		margin: 0 auto;
	}
	.djfa{
		display: flex;
		justify-content: space-around;
		flex-wrap: nowrap;
		align-items: center;
	}
	.myCode{
		width: 100%;
		margin-top: 62rpx;
		height: 106rpx;
	}
	.myCodeOne{
		width: 106rpx;
		height: 106rpx;
		
	}
	.myCodeOTwo{
		width: 452rpx;
		height: 106rpx;
		margin-left: 18rpx;
		margin-top: 20rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-style: normal;
		text-transform: none;
	}
	.childvalOne{
		/* width: 452rpx; */
		font-size: 34rpx;
		color: #0F1014;
	}
	.childvalTow{
		/* width: 452rpx; */
		font-size: 26rpx;
		color: #6F6F6F;
	}
	.myCodeOThree{
		width:132rpx;
	}
	.myCodeOThree image:last-child{
		float: right;
	}
	.codeIamge{
		width: 100%;
		height: 100%;
	}
	
	.childvalImg{
		width: 44rpx;
		height: 44rpx;
	}
	.relevantData{
		width: 100%;
		height: 134rpx;
		margin-top: 40rpx;
		background: #FFFFFF;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		text-align: center;
		font-family: PingFang SC, PingFang SC;
		font-style: normal;
		text-transform: none;
	}
	.releNumber{
		font-weight: 600;
		font-size: 40rpx;
		color: #0B0F10;
	}
	.releValue{
		font-weight: 400;
		font-size: 26rpx;
		color: #3E4144;
	}
	.adviserData{
		width: 100%;
		height: 226rpx;
		justify-content: space-around ;
		margin-top: 16rpx;
		background: #FFFFFF;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
	}
	.adviserLeft{
		width: 400rpx;
		margin-top: 22rpx;
		font-family: PingFang SC, PingFang SC;
		/* text-align: center; */
		font-style: normal;
		text-transform: none;
		font-weight: 400;
	}
	.adviserHread{
		
		font-size: 32rpx;
		color: #0F1014;
	}
	.adviserVal{
		width: 100%;
		display: flex;
		justify-content: left;
		flex-wrap: nowrap;
		align-items: center;
	}
	.adviserValImg{
		width: 112rpx;
		height: 112rpx;
		margin-top: 22rpx;
	}
	.adviserName{
		font-size: 32rpx;
		color: #2F2E2E;
	}
	.NameVal{
		font-size: 16rpx;
		color: #4C4E4C;
	}
	.callYouTell{
		width: 166rpx;
		height: 48rpx;
		line-height: 48rpx;
		border-radius: 26rpx 26rpx 26rpx 26rpx;
		border: 2rpx solid #EC622A;
		font-size: 24rpx;
		color: #EC622A;
		/* text-align: center; */
		align-items: center;
		margin-top: 15rpx;
		position: relative;
	}
	.callYouTell view{
		margin-left: 20rpx;
	}
	.TellIcon{
		width: 56rpx;
		height: 40rpx;
		position: absolute;
		bottom: -10rpx;
	}
	.adviserRight{
		width: 170rpx;
		text-align: center;
		margin-top: 22rpx;
	}
	.adviserTow{
		width: 132rpx;
		height: 132rpx;
	}
	.adviserTowVal{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #C1B0A0;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}
	.adviserCode{
		width: 100%;
		/* height: 480rpx; */
		margin-top: 16rpx;
		background: #FFFFFF;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}
	.adviserLsit{
		width: 600rpx;
		height: 46rpx;
		margin: 30rpx auto;
		/* margin-bottom: 35rpx; */
		display: flex;
		justify-content: left;
		flex-wrap: nowrap;
	}
	.advieImg{
		width: 46rpx;
		height: 46rpx;
	}
	.codeOne{
		width: 46rpx;
		height: 46rpx;
	}
	.codeTow{
		width: 22rpx;
		height: 24rpx;
		float: right;
	}
	.adviText{
		width: 500rpx;
		margin-left: 18rpx;
	}
</style>
